import { createApp } from 'vue'
import './style.css'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import './assets/scss/reset.scss'
import router from './router'
import store from './store'
import locale from 'element-plus/es/locale/lang/zh-cn'
import App from './App.vue'
// import './utils/rem.js'
import 'amfe-flexible'; // 引入 lib-flexible
// import * as datav from '@jiaminghi/data-view'
import DataVVue3 from '@kjgl77/datav-vue3'


// // 动态调整根字体大小的函数
// const updateRootFontSize = () => {
//   const baseSize = 16; // 基准字体大小
//   const minFontSize = 12; // 最小字体大小
//   const maxFontSize = 20; // 最大字体大小
//   const designWidth = 1280; // 设计稿的宽度基准
//   const clientWidth = document.documentElement.clientWidth; // 当前窗口的宽度
//   const scale = clientWidth / designWidth; // 计算当前窗口宽度与设计稿宽度的比例
//   let newSize = baseSize * scale;
 
//   // 限制字体大小在最小和最大范围内
//   if (newSize < minFontSize) {
//     newSize = minFontSize;
//   } else if (newSize > maxFontSize) {
//     newSize = maxFontSize;
//   }
 
//   // 设置根元素的字体大小
//   document.documentElement.style.fontSize = `${newSize}px`;
// };
 
// // 监听窗口大小变化，并动态调整字体大小
// window.addEventListener('resize', updateRootFontSize);
// // 初始化时立即设置一次字体大小
// updateRootFontSize();
const app = createApp(App)
// 使用element-plus 并且设置全局的大小
app.use(ElementPlus, {
  locale: locale,
})
app.use(DataVVue3)
app.use(router)
app.use(store)
app.mount('#app')
